@charset "utf-8";
@import "config";

.active {
    color: #D62D31;
    border-bottom: 1px solid #D62D31;
}
.container {
    .topbar {
        .left {
            width: 85%;
            a {
                margin-left: 8%;
            }
            a:first-of-type {
                margin-left: 0;
            }
        }
    }

    .main {
        bottom: 0;
        .message {
            #carousel {
                  background: #FFFFFF;
                ul {
                    li {
                        padding: setLengthByHeight(20px);
                        width: 100%;
                        height: setLengthByHeight(640px);
                        position: relative;
                        img {
                            width: 100%;
                            height: 100%;
                        }
                        #last {
                            display: block;
                            width: 40px;
                            height: 40px;
                            border-radius: 50%;
                            text-align: center;
                            line-height: 40px;
                            background: rgba(153,153,153,0.6);
                            color: #FFFFFF;
                            font-size: 0.65rem;
                            position: absolute;
                            bottom: 10px;
                            right: 15px;
                            em {
                                font-size: 0.8rem;
                            }
                        }
                    }
                }
            }

            .intro {
                background: #FFFFFF;
                ul {
                    li {
                        height: setLengthByHeight(89px);
                        line-height: setLengthByHeight(88px);
                        padding: 0 4%;
                        span:first-of-type {
                            font-size: 0.6rem;
                            color: #C1C1C1;
                        }
                        span:nth-of-type(2) {
                            font-size: 0.7rem;
                            margin-left: 3%;
                        }
                        i {
                            font-size: 0.7rem;
                        }
                            .money{
                                color: red;
                            }
                    }
                    .list{
                          height: setLengthByHeight(60px);
                    }
                    .underline{
                                border-top: 1px solid #c1c1c1;
                            }
                    .retail{
                        font-size: 0.6rem;
                        color: #999999;
                    }
                    li:first-of-type {
                        height: setLengthByHeight(120px);
                        border-top: 1px solid #c1c1c1;
                        padding: setLengthByHeight(25px) 4%;
                        p {
                            font-size: 0.7rem;
                            line-height: 1rem;
                            width: 85%;
                            height: setLengthByHeight(80px);
                            text-align: justify;
                            overflow: hidden;
                        }
                        i {
                            font-size: 0.7rem;
                            line-height: 1.2rem;
                        }
                        span {
                            display: block;
                            margin-top: setLengthByHeight(10px);
                            font-size: 0.7rem;
                            line-height: 0.8rem;
                            i {
                                font-size: 0.7rem;
                            }
                        }
                    }
                }
            }
        }

        .serve {
            background: #FFFFFF;
            margin-top: setLengthByHeight(20px);
            .top {
                a {
                    display: block;
                    line-height: setLengthByHeight(50px);
                    padding: setLengthByHeight(20px) 4%;
                    .img {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                        overflow: hidden;
                        text-align: center;
                        vertical-align: middle;
                        img {
                            width: 100%;
                        }
                    }
                    .centre {
                        padding: setLengthByHeight(5px) 0;
                        margin-left: 3%;
                        p {
                            font-size: 0.7rem;
                            line-height: 1.3rem;
                        }
                        span {
                            display: block;
                            font-size: 0.6rem;
                            line-height: 1rem;
                            color: #999999;
                        }
                    }
                    .bn{
                        display: inline-block;
                        width: 20%;
                        background: #83D050;
                        border: 1px solid #83D050;
                        margin-left:setLengthByHeight(100px) ;
                        margin-top: setLengthByHeight(15px);
                    }
                    .right {
                        padding: setLengthByHeight(20px) 0;
                        i {
                            font-size: 0.7rem;
                        }
                    }
                }
            }

            .middle {
                padding: 0 4%;
                ul {
                    li {
                        height: setLengthByHeight(110px);
                        float: left;
                        width: 31%;
                        padding: setLengthByHeight(10px) 0;
                        border-right: 1px solid #C1C1C1;
                        text-align: center;
                        span {
                            display: block;
                            font-size: 0.7rem;
                            line-height: 1.2rem;
                        }
                        span:last-of-type {
                            color: #999999;
                        }
                    }
                    li:nth-of-type(2) {
                        width: 32%;
                    }
                    li:last-of-type {
                        border-right: none;
                        width: 37%;
                        span {
                            color: #999999;
                            position: relative;
                            i {
                                position: absolute;
                                color: #CC3333;
                                top: 0;
                                right: 0;
                            }
                        }
                    }
                }
            }

            .below {
                padding: setLengthByHeight(20px) 4%;
                input {
                    width: 48%;
                    height: setLengthByHeight(64px);
                    line-height: setLengthByHeight(64px);
                    color: #000000;
                    font-size: 0.65rem;
                }
            }
        }

        .pull_up {
            margin-top: setLengthByHeight(24px);
            margin-bottom: setLengthByHeight(100px);
            background: #FFFFFF;
            font-size: 0.75rem;
            line-height: setLengthByHeight(100px);
            text-align: center;
            i {
                margin-right: 2%;
               
            }
        }
    }

   
}

